<template>
	<view class="class">
		<u-navbar ref="navbar" :border-bottom="false" title="课程记录"></u-navbar>
		<u-tabs ref="tabs" :list="tabList" :is-scroll="false" :current="tabCurrent" @change="e=>tabChange(e)" font-size="28" bar-width="32" bar-height="8" active-color="#1661FF" :bar-style="{borderRadius:'8rpx',background:'linear-gradient(90deg,#1661ff 0%, rgba(22,97,255,0.00) 100%);'}"></u-tabs>
		<view class="part01 part02 container acea-row row-column" v-if="tabCurrent == 0">
			<view class="header acea-row row-middle row-between">
				<!-- <view class="title-time search">{{dm.checkTime}}</view> -->
				<view class="title-time search">
					<u-tabs :show-bar="false" :list="dm.time" :is-scroll="true" :current="dm.time.findIndex(e=>e.isCheck)" @change="headerTabsChange" name='title'></u-tabs>
				</view>
				<view class="filter acea-row row-middle">
					<text>筛选</text>
					<image src="../../../static/images/student-filter.png" mode=""></image>
				</view>
				<u-dropdown :style="'z-index: '+dm.dropdownZIndex+';'" ref="uDropdown" class="dropdown" @open="dropdownOpen" @close="dropdownClose">
					<u-dropdown-item>
						<view class="dropdown-content">
							<scroll-view scroll-y class="content">
								<!-- <view class="item acea-row row-column">
									<view class="title">日期</view>
									<view class="checkbox acea-row">
										<view class="checkbox-item" :class="item.isCheck?'checkbox-item-active':''" v-for="(item,index) in dm.time" :key="index" @click="checkboxHandle3(item.date,4)">
											{{item.title}}
										</view>
									</view>
								</view>
								<view class="item acea-row row-column">
									<view class="title">班级</view>
									<view class="checkbox acea-row">
										<view class="checkbox-item" :class="item.isCheck?'checkbox-item-active':''" v-for="(item,index) in dm.checkboxList" :key="index" @click="checkboxHandle3(item.id,1)">
											{{item.title}}
										</view>
									</view>
								</view> -->
								<view class="item acea-row row-column">
									<view class="title">已点名</view>
									<view class="checkbox acea-row">
										<view class="checkbox-item" :class="item.isCheck?'checkbox-item-active':''" v-for="(item,index) in dm.ydm" :key="index" @click="checkboxHandle3(item.id,2)">
											{{item.title}}
										</view>
									</view>
								</view>
								<view class="item acea-row row-column" v-if="dm.ydm.find(e=>e.isCheck).id == 1">
									<view class="title">到课状态</view>
									<view class="checkbox acea-row">
										<view class="checkbox-item" :class="item.isCheck?'checkbox-item-active':''" v-for="(item,index) in dm.buke" :key="index" @click="checkboxHandle3(item.id,3)">
											{{item.title}}
										</view>
									</view>
								</view>
							</scroll-view>
							<view class="footer acea-row row-middle">
								<view class="btn btn1" @click="reset3">清空</view>
								<view class="btn btn2" @click="confirm">完成</view>
							</view>
						</view>
					</u-dropdown-item>
				</u-dropdown>
			</view>
			<view class="list acea-row row-column" :style="'padding-bottom:32rpx;min-height:100vh;z-index: '+listZIndex+';'" v-if="dianmingList.length != 0">
				<view class="item acea-row row-column" v-for="(item,index) in dianmingList" :key="index" @click="go(item.id)">
					<view class="title">{{item.banji}}</view>
					<view class="title">{{item.kecheng}}</view>
					<view class="p acea-row row-middle">
						<text>实到/应到:</text>
						<text>{{item.stu_num}}/{{item.person_num !== null?item.person_num:0}}</text>
					</view>
					<!-- <view class="p acea-row row-middle">
						<text>计算课时:</text>
						<text>1课时</text>
					</view> -->
					<view class="p acea-row row-middle">
						<text>上课时间:</text>
						<text>{{item.start_date}} {{item.timefrom}} - {{item.timeto}}</text>
					</view>
					<view>
						<view class="footer acea-row row-middle row-right">
							<!-- <text>{{common.getDate().checkDay(item.start_date)?'点名':'不在当日'}}</text> -->
							<!-- <text>点评</text> -->
							<!-- <u-icon v-if="common.getDate().checkDay(item.start_date)" name="arrow-right" color="#8f959e" size="32"></u-icon> -->
							<view v-if="common.getDate().checkDay(item.start_date) && item.is_take == 0" style="margin-left: 400rpx;margin-right: 12rpx; font-size: 26rpx;width: 100rpx;height: 60rpx;color: #1F2329;border: 2rpx solid #8F959E;border-radius: 30rpx;line-height: 60rpx;text-align: center;">
								点名
							</view>
							<view @click.stop="goHudong(item.id,item.banji)" style="font-size: 26rpx;width: 100rpx;height: 60rpx;color: #1661FF;border: 2rpx solid #1661FF;border-radius: 30rpx;line-height: 60rpx;text-align: center;">
								点评
							</view>
						</view>
						<!-- <view class="rollcall" v-if="common.getDate().checkDay(item.start_date)">
							点名
						</view> -->
						<view class="already-rollcall" v-if="!common.getDate().checkDay(item.start_date)">非当日不可点名</view>
					</view>
					<!-- <view class="rollcall" @click.stop="goHudong(item.id,item.banji)">点评</view> -->
				</view>
				<u-loadmore :status="status1" style="margin-top: 32rpx;display: block;" />
			</view>
			<u-empty v-else text="暂无记录" mode="list" margin-top="32"></u-empty>
			<view class="commonFooter"></view>
		</view>
		<view class="part03 part02 container acea-row row-column" v-if="tabCurrent == 2" >
			<view class="header acea-row row-middle row-between">
				<u-search class="search" v-model="keyword3" @search="init3" @clear="init3" :clearabled="true" placeholder="搜索学员姓名" :show-action="false"></u-search>
				<view class="filter acea-row row-middle">
					<text>筛选</text>
					<image src="../../../static/images/student-filter.png" mode=""></image>
				</view>
				<u-dropdown :style="'z-index: '+qinjiaList.dropdownZIndex+';'" ref="uDropdown" class="dropdown" @open="dropdownOpen" @close="dropdownClose">
					<u-dropdown-item>
						<view class="dropdown-content">
							<scroll-view scroll-y class="content">
								<view class="item acea-row row-column">
									<view class="title">原因</view>
									<view class="checkbox acea-row">
										<view class="checkbox-item" :class="item.isCheck?'checkbox-item-active':''" v-for="(item,index) in qinjiaList.reason" :key="index" @click="checkboxHandle2(item.id,2)">
											{{item.title}}
										</view>
									</view>
								</view>
							</scroll-view>
							<view class="footer acea-row row-middle">
								<view class="btn btn1" @click="reset2">清空</view>
								<view class="btn btn2" @click="confirm">完成</view>
							</view>
						</view>
					</u-dropdown-item>
				</u-dropdown>
			</view>
			<view :style="'padding-bottom:32rpx;min-height:100vh;z-index: '+listZIndex+';'" v-if="qinjiaData.length != 0">
				<view class="list list2 acea-row row-column">
					<!-- <view class="title-time">2021年4月</view> -->
					<view class="item acea-row row-column" v-for="(item,index) in qinjiaData">
						<view class="name">{{item.title}}</view>
						<view class="title">{{item.bj_name}}</view>
						<view class="p acea-row row-middle">
							<text>开始时间:</text>
							<text>{{item.start_date}}</text>
						</view>
						<view class="p acea-row row-middle">
							<text>结束时间:</text>
							<text>{{item.end_date}}</text>
						</view>
						<view class="p acea-row row-middle">
							<text>缺课原因:</text>
							<text>{{item.content}}</text>
						</view>
						<view class="p acea-row row-middle">
							<text>审核状态:</text>
							<text :style="'color: '+setQinjia(item.status).color+';'">{{setQinjia(item.status).title}}</text>
						</view>
						<view class="btn" v-if="item.status==1" @click="common.go('/pages/pack/index/noticeDetail?id='+qinjiaData[index].id)">审核</view>
					</view>
					<u-loadmore :status="status3" style="margin-top: 32rpx;display: block;" />
				</view>
			</view>
			<u-empty text="暂无请假" mode="list" v-else margin-top="32"></u-empty>
		</view>
		<view class="part02 container acea-row row-column" v-if="tabCurrent == 1">
			<class-schedule ref="classSchedule" />
		</view>
	</view>
</template>

<script>
	import common from '../../../api/common.js'
	import request from '../../../api/request.js'
	import moment from "../../../utils/moment.js"
	export default {
		data(){
			return{
				common,
				page1:1,
				status1:"loadmore",
				status3:"loadmore",
				page3: 1,
				dianmingList:[],  //点名记录数据
				qinjiaData:[], //请假数据
				partLessHeight:0,
				canTabChange:true,
				keyword3:"",
				tabList:[{
					name: '日课表'
				}, 
				{
					name: '周课表'
				},
				{	
					name: '请假申请'
				}],
				tabCurrent:0,
				dm:{
					time:common.getDate().getAfterDate(),
					checkTime:'',
					checkboxList:[],
					ydm:[{id:0,title:'否',isCheck:true},
							{id:1,title:'是',isCheck:false}],
					buke:[{id:1,title:'全到',isCheck:false},
							{id:2,title:'未全到',isCheck:false}],
					dropdownZIndex:-1,
				},
				quekeList:{
					checkboxList:[],
					reason:[],
					buke:[],
					classTimeMin:"",
					classTimeMax:"",
					dropdownZIndex:-1,
				},
				qinjiaList:{
					checkboxList:[],
					reason:[{id:1,title:'未处理',isCheck:true},
							{id:2,title:'已同意',isCheck:false},
							{id:3,title:'已拒绝',isCheck:false},
							{id:4,title:'撤销',isCheck:false},],
					buke:[],
					dropdownZIndex:-1,
				},
				timePickerParams:{
					year: true,
					month: true,
					day: true,
					hour: false,
					minute: false,
					second: false
				},
				goHudong(id,banji){
					this.common.go('/pages/pack/hudong/setHudong?id='+id+'&banji='+banji)
				},
				listZIndex:100,
				showToast:false
			}
		},
		onLoad(e) {
			// 由互动页面进入时
			if(e.showToast == 1){
				this.showToast = true
			}
		},
		onShow() {
			setTimeout(()=>{
				this.dm.dropdownZIndex = 5
			},800)
			this.quekeList.dropdownZIndex = -1
			this.qinjiaList.dropdownZIndex = -1
			
			this.init1()
			this.getClassData()
		},
		created() {
			this.init3()
		},
		mounted() {
			setTimeout(()=>{
				if(this.showToast){
					uni.showToast({
						title:'选择需要发布点评的班级',
						icon:'none',
						duration:2000
					})
				}
			},100)
			this.setPartLessHeight()
		},
		methods:{
			init1(){
				this.page1 = 1
				this.dianmingList = []
				let date = this.dm.time.find(e=>e.isCheck).date
				this.getDianmingData(date)
				this.dm.checkTime = date
			},
			init3(){
				this.page3 = 1
				this.qinjiaData = []
				this.getQinjiaData()
			},
			getDianmingData(date){
				let ydm = this.dm.ydm.find(e=>e.isCheck).id
				let data = {
					page:this.page1,
					limit:10,
					is_take:ydm,
				}
				if(date != 0){
					data.start_date = date;
					data.jieshu_date = date;
				}else{
					data.start_date = '1970-01-01';
					data.jieshu_date = moment().add(-1, 'day').format('YYYY-MM-DD');
				}
				let f_class = this.dm.checkboxList.find(e=>e.isCheck)
				let f_daoke = this.dm.buke.find(e=>e.isCheck)
				if(f_class){
					data.id = f_class.id
				}
				if(f_daoke && ydm == 1){
					data.daoke_status = f_daoke.id
				}
				this.status1 = 'loading'
				request.go((e)=>{
					this.status1 = 'loadmore'
					uni.stopPullDownRefresh()
					if(e.data.length == 0){
						this.status1 = 'nomore'
					}else{
						this.dianmingList = this.dianmingList.concat(e.data)
					}
				},'/Banji/takeName',data,'POST')
			},
			getQinjiaData(){
				let status = this.qinjiaList.reason.find(e=>e.isCheck).id
				let data = {
					page:this.page3,
					status,
				}
				if(this.keyword3){
					data.search = this.keyword3
				}
				this.status3 = 'loading'
				request.go((e)=>{
					this.status3 = 'loadmore';
					uni.stopPullDownRefresh()
					if(e.data.length == 0){
						this.status3 = 'nomore'
					}else{
						this.qinjiaData = this.qinjiaData.concat(e.data)
					}
				},'/tongzhi',data,'GET','')
			},
			getClassData(){
				let data = {
					page:1,
					limit:9999,
				}
				request.go((e)=>{
					let arr = []
					for(let i of e.data.list){
						let o = {
							id:i.id,
							title:i.name,
							isCheck:false
						}
						arr.push(o)
					}
					this.dm.checkboxList = arr
				},'/Banji/index',data,'POST')
			},
			setPartLessHeight(){
				const that = this
				uni.getSystemInfo({
					success(res) {
						let navbarHeight = parseInt(that.$refs.navbar.navbarHeight + that.$refs.navbar.statusBarHeight)
						let tabsHeight = that.$refs.tabs.height
						let safeBottom = res.safeAreaInsets.bottom!=0?res.safeAreaInsets.bottom*2:32
						let partLessHeight = parseInt(navbarHeight*2 + safeBottom + tabsHeight)
						// console.log(navbarHeight,partLessHeight)
						that.partLessHeight = partLessHeight
					}
				})
			},
			tabChange(e){
				if(this.canTabChange){
					this.tabCurrent = e
				}
			},
			confirm(){
				if(this.tabCurrent == 0){
					this.init1()
				}else{
					this.init3()
				}
				this.$refs.uDropdown.close()
			},
			reset3(){
				let checkboxList = this.dm.checkboxList
				let buke = this.dm.buke
				for(let i of checkboxList){
					i.isCheck = false
				}
				for(let i of buke){
					i.isCheck = false
				}
				this.dm.classTimeMin=""
				this.dm.classTimeMax=""
			},
			reset1(){
				let checkboxList = this.quekeList.checkboxList
				let reason = this.quekeList.reason
				let buke = this.quekeList.buke
				for(let i of checkboxList){
					i.isCheck = false
				}
				for(let i of reason){
					i.isCheck = false
				}
				for(let i of buke){
					i.isCheck = false
				}
				this.quekeList.classTimeMin=""
				this.quekeList.classTimeMax=""
			},
			reset2(){
				let checkboxList = this.qinjiaList.checkboxList
				let reason = this.qinjiaList.reason
				let buke = this.qinjiaList.buke
				for(let i of checkboxList){
					i.isCheck = false
				}
				for(let i of reason){
					i.isCheck = false
				}
				for(let i of buke){
					i.isCheck = false
				}
				this.qinjiaList.classTimeMin=""
				this.qinjiaList.classTimeMax=""
			},
			checkboxHandle3(id,type){
				let checkboxList = this.dm.checkboxList
				let ydm = this.dm.ydm
				let buke = this.dm.buke
				let time = this.dm.time
				switch(type){
					case 1:
						for(let i of checkboxList){
							i.isCheck = false
						}
						checkboxList.find(e=>e.id == id).isCheck = !checkboxList.find(e=>e.id == id).isCheck
					break;
					case 2:
						for(let i of ydm){
							i.isCheck = false
						}
						ydm.find(e=>e.id == id).isCheck = !ydm.find(e=>e.id == id).isCheck
					break;
					case 3:
						for(let i of buke){
							i.isCheck = false
						}
						buke.find(e=>e.id == id).isCheck = !buke.find(e=>e.id == id).isCheck
					break;
					case 4:
						for(let i of time){
							i.isCheck = false
						}
						time.find(e=>e.date == id).isCheck = !time.find(e=>e.date == id).isCheck //此处id为date
					break;
				}
			},
			checkboxHandle1(id,type){
				let checkboxList = this.quekeList.checkboxList
				let reason = this.quekeList.reason
				let buke = this.quekeList.buke
				switch(type){
					case 1:
						checkboxList.find(e=>e.id == id).isCheck = !checkboxList.find(e=>e.id == id).isCheck
					break;
					case 2:
						for(let i of reason){
							i.isCheck = false
						}
						reason.find(e=>e.id == id).isCheck = !reason.find(e=>e.id == id).isCheck
					break;
					case 3:
						for(let i of buke){
							i.isCheck = false
						}
						buke.find(e=>e.id == id).isCheck = !buke.find(e=>e.id == id).isCheck
					break;
				}
			},
			checkboxHandle2(id,type){
				let checkboxList = this.qinjiaList.checkboxList
				let reason = this.qinjiaList.reason
				let buke = this.qinjiaList.buke
				switch(type){
					case 1:
						checkboxList.find(e=>e.id == id).isCheck = !checkboxList.find(e=>e.id == id).isCheck
					break;
					case 2:
						for(let i of reason){
							i.isCheck = false
						}
						reason.find(e=>e.id == id).isCheck = !reason.find(e=>e.id == id).isCheck
					break;
					case 3:
						for(let i of buke){
							i.isCheck = false
						}
						buke.find(e=>e.id == id).isCheck = !buke.find(e=>e.id == id).isCheck
					break;
				}
			},
			dropdownOpen(){
				this.listZIndex = ""
			},
			dropdownClose(){
				setTimeout(()=>{
					this.listZIndex = 100
				},400)
			},
			setQinjia(type){
				type = parseInt(type)
				switch(type){
					case 1:
						return {color:"#1661FF",title:"待处理"}
					break;
					case 2:
						return {color:"#FF9000",title:"同意"}
					break;
					case 3:
						return {color:"#FF4D4F",title:"拒绝"}
					break;
					case 4:
						return {color:"#FF4D4F",title:"撤销"}
					break;
				}
			},
			headerTabsChange(idx){
				this.checkboxHandle3(this.dm.time[idx].date,4)
				this.init1()
			},
			go(id){
				common.go('/pages/pack/class/rollcall?id='+id)
			}
		},
		watch:{
			tabCurrent(e){
				this.canTabChange = false
				setTimeout(()=>{
					this.canTabChange = true
				},800)
				if(e == 0){
					setTimeout(()=>{
						this.dm.dropdownZIndex = 5
					},800)
					this.quekeList.dropdownZIndex = -1
					this.qinjiaList.dropdownZIndex = -1
				}else if(e == 2){
					setTimeout(()=>{
						this.qinjiaList.dropdownZIndex = 5
					},800)
					this.quekeList.dropdownZIndex = -1
					this.dm.dropdownZIndex = -1
				}else{
					this.qinjiaList.dropdownZIndex = -1
					this.quekeList.dropdownZIndex = -1
					this.dm.dropdownZIndex = -1
				}
			}
		},
		onReachBottom() {
			if(this.status1 == "loadmore"&&this.tabCurrent == 0){
				this.page1++;
				this.getDianmingData()
			}
			if(this.status3 == "loadmore"&&this.tabCurrent == 2){
				this.page3++;
				this.getQinjiaData()
			}
		},
		onPullDownRefresh(){
			if(this.tabCurrent == 0){
				this.init1()
			}else if(this.tabCurrent == 2){
				this.init3()
			}else if(this.tabCurrent == 1){
				this.$refs.classSchedule.getData()
			}else{
				uni.stopPullDownRefresh()
			}
		},
	}
</script>

<style scoped>
	.class{
		min-height: 100vh;
		background-color: #f7f8fa;
	}
	.class .part01{
		/* overflow: hidden; */
	}
	.class .container .list2{
		margin-top: 0 !important;
	}
	.class .container .list{
		width: 686rpx;
		margin: 0rpx auto 0;
		overflow: hidden;
	}
	.class .container .list .title-time{
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #1f2329;
		line-height: 40rpx;
	}
	.class .container .list .item{
		position: relative;
		padding: 32rpx 0 0rpx 32rpx;
		background-color: #FFFFFF;
		border-radius: 24rpx;
		width: 100%;
		box-sizing: border-box;
		margin: 32rpx auto 0;
	}
	.class .container .list .item .title{
		font-size: 32rpx;
		font-family: PingFang SC, PingFang SC-Medium;
		font-weight: 500;
		color: #1f2329;
		line-height: 44rpx;
		margin-bottom: 32rpx;
	}
	.class .container .list .item .p{
		margin-bottom: 20rpx;
		font-size: 28rpx;
	}
	.class .container .list .item .p:last-of-type{
		margin-bottom: 0;
	}
	.class .container .list .item .p text:nth-child(1){
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #646a73;
		line-height: 40rpx;
		width: 134rpx;
		display: block;
		margin-right: 24rpx;
	}
	.class .container .list .item .p text:nth-child(2){
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #1f2329;
		line-height: 40rpx;
	}
	.class .container .list .item .footer{
		width: calc(100% - 32rpx);
		/* height: 86rpx; */
		height: 100rpx;
		/* border-top: 2rpx solid #ebedf0; */
	}
	.class .container .list .item .footer text{
		font-size: 28rpx;
		font-weight: 400;
		color: #1f2329;
		line-height: 40rpx;
	}
	.class .container .list .item .rollcall{
		position: absolute;
		right: 32rpx;
		top: 122rpx;
		background-color: #1661FF;
		border-radius: 8rpx;
		/* width: 96rpx; */
		padding: 0 20rpx;
		height: 48rpx;
		color: #FFFFFF;
		line-height: 48rpx;
		text-align: center;
		font-size: 24rpx;
	}
	.class .container .list .item .already-rollcall{
		position: absolute;
		top: 36rpx;
		right: 36rpx;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #646a73;
		line-height: 32rpx;
	}
	.class .part02{
		flex-wrap: nowrap !important; 
		min-height: 100vh;
	}
	.class .part01 .header{
		padding: 0 32rpx !important;
		margin-top: 2rpx;
		background-color: #FFFFFF;
		position: relative;
		height: 96rpx;
		box-sizing: border-box;
	}
	.class .part02 .header{
		padding: 16rpx;
		margin-top: 2rpx;
		background-color: #FFFFFF;
		position: relative;
		height: 96rpx;
		box-sizing: border-box;
	}
	.class .part01 .search{
		width: 500rpx !important;
		background-color: #fff;
	}
	.class .part02 .search{
		width: 592rpx;
		z-index: 10;
	}
	.class .part02 .dropdown,.class .part01 .dropdown{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 16rpx;
	}
	.class .part02 .dropdown .dropdown-content{
		background-color: #FFFFFF;
	}
	.class .part02 .dropdown .dropdown-content .content{
		padding: 32rpx;
		box-sizing: border-box;
		max-height: 600rpx;
		/* overflow-y: auto; */
		overflow: hidden;
		margin-bottom: 32rpx;
	}
	.class .part02 .dropdown .dropdown-content .content .item{
		margin-bottom: 32rpx;
	}
	.class .part02 .dropdown .dropdown-content .content .item .title{
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC-Medium;
		font-weight: 700;
		color: #1f2329;
		line-height: 40rpx;
		margin-bottom: 32rpx;
	}
	.class .part02 .dropdown .dropdown-content .content .item .checkbox .checkbox-item{
		width: 218rpx;
		height: 64rpx;
		background: #f7f8fa;
		border-radius: 8rpx;
		margin-right: 16rpx;
		text-align: center;
		line-height: 64rpx;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #1f2329;
		margin-bottom: 16rpx;
	}
	.class .part02 .dropdown .dropdown-content .content .item .checkbox .checkbox-item.checkbox-item-active{
		color: #1661ff;
		background: #e6f2ff;
	}
	.class .part02 .dropdown .dropdown-content .content .item .checkbox .checkbox-item:nth-child(3n){
		margin-right: 0rpx;
	}
	.class .part02 .dropdown .dropdown-content .content .item .inputView{
		
	}
	.class .part02 .dropdown .dropdown-content .footer{
		border-top: 2rpx solid #ebedf0;
	}
	.class .part02 .dropdown .dropdown-content .footer .btn{
		width: 50%;
		height: 96rpx;
		background-color: #FFFFFF;
		font-size: 32rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		text-align: CENTER;
		line-height: 96rpx;
	}
	.class .part02 .dropdown .dropdown-content .footer .btn.btn1{
		color: #1f2329;
		background-color: #FFFFFF;
	}
	.class .part02 .dropdown .dropdown-content .footer .btn.btn2{
		color: #ffffff;
		background-color: #1661FF;
	}
	.class .part02 .filter text{
		font-size: 28rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #1f2329;
		line-height: 40rpx;
		margin-right: 10rpx;
	}
	.class .part02 .filter image{
		width: 32rpx;
		height: 32rpx;
	}
	.class .part02 .list .item .name{
		font-size: 36rpx;
		font-family: PingFang SC, PingFang SC-Medium;
		font-weight: 700;
		color: #1f2329;
		line-height: 52rpx;
		margin-bottom: 16rpx;
	}
	.class .part02 .list .item .title{
		font-size: 32rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #646a73;
		line-height: 44rpx;
		margin-bottom: 16rpx;
	}
	.class .part02 .list .item .p text:nth-child(1){
		width: 148rpx;
		margin-right: 24rpx;
	}
	.class .part02 .list .item .status{
		position: absolute;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		color: #ff4d4f;
		line-height: 32rpx;
		top: 42rpx;
		right: 32rpx;
	}
	.class .part03 .list .item .p text:nth-child(1){
		width: 120rpx;
		margin-right: 24rpx;
	}
	.class .part03 .list .item .btn{
		width: 96rpx;
		height: 48rpx;
		background: #1661ff;
		border-radius: 8rpx;
		position: absolute;
		top: 160rpx;
		right: 32rpx;
		line-height: 48rpx;
		text-align: center;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		color: #ffffff;
	}
</style>
